﻿@{
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
    <link href="~/Content/bootstrap.min.css" rel="stylesheet" media="screen">
    <link href="~/Content/Site.css" rel="stylesheet" media="screen">
    <title>Sweepids login</title>
</head>
<body>
    <div id="loginBody">
        @if (TempData["Error"] != null)
        {
            <div class="alert alert-error">
                @TempData["Error"]
            </div>
        }

        @if (TempData["Success"] != null)
        {
            <div class="alert alert-success">
                @TempData["Success"]
            </div>
        }
        <h2>Sweepids</h2>
        <form class="form-horizontal" action="~/Login/" method="POST">
            <div class="control-group">
                <label class="control-label" for="username">Username</label>
                <div class="controls">
                    <input type="text" name="username" id="username" placeholder="username" pattern="[A-Za-z0-9]+" title="Only letters and numbers" required />
                </div>
            </div>
            <div class="control-group">
                <label class="control-label" for="password">Password</label>
                <div class="controls">
                    <input type="password" name="password" id="password" placeholder="password" pattern="[A-Za-z0-9]+" title="Only letters and numbers" required />
                </div>
            </div>
            <div class="form-actions">
                <input type="submit" class="btn btn-primary" value="Login" />
                <a href="~/Login/Register/" class="btn">Register</a>
            </div>
        </form>

        <p style="color: red; text-align: center;">@this.ViewBag.Error</p>
    </div>
</body>
<script src="~/Scripts/bootstrap.min.js"> </script>
</html>
